<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			#a{
				width: 375px;
				margin: 0 auto;
			}
			#daohang{
				height: 50px;
				background-color: white;
			}
			#daohang .fanhui{
				float: left;
				margin-top: 15px;
				margin-left: 10px;
			}
			#daohang h4{
				float: left;
               line-height: 40px;
               margin-left: 150px;
			}
			#shezhi{
				float: right;
				margin-top: 15px;
				margin-right: 10px;
			}
			#touxiang{
				width: 375px;
				margin: 0 auto;
			}
			#touxiang img{
				height: 250px;
			}
			#list{
				width: 375px;
				margin: 20px auto;
				height: 100px;
				background-color: white;
				margin-top: 20px;
			}
			#list1{
				width: 355px;
				height: 50px;
				margin-left: 10px;
				border-bottom: 1px solid #999999;
			}
			#list1 img{
				float: left;
				margin-top: 7px;
			}
			#list1 h4{
				float: left;
				line-height: 40px;
				margin-left: 5px;
			}
			#list1 h5{
				float: right;
				line-height: 40px;+
			}
			#list2{
				width: 355px;
				height: 50px;
				margin-left: 10px;
			}
			#list2 img{
				float: left;
				margin-top: 7px;
			}
			#list2 h4{
				float: left;
				line-height: 40px;
				margin-left: 5px;
			}
			#list2 h5{
				float: right;
				line-height: 40px;
			}
			#biaoqian{
				width: 375px;
				margin:0 auto;
				height: 60px;
				background-color: white;
				margin-top: 182px;
				box-shadow: 0px -5px 5px #e7e7e7;
				text-align: center;
			}
			#biaoqian h4{
				line-height: 55px;
			}
		</style>
	</head>

	<body>
		<div id="a">
			<div id="daohang">
			<img class="mui-action-back fanhui" src="img/FANHUIHEI.png"/>
			<h4>我</h4>
			<img id="shezhi" src="img/SHEZHI.png"/>
		</div>
		</div>
		<div id="touxiang">
			<img src="img/WD.png"/>
		</div>
		<div id="list">
			<div id="list1">
				<img src="img/SHENGYU.png"/>
				<h4>剩余金额</h4>
				<h5>12元</h5>
			</div>
			<div id="list2">
				<img src="img/YAJIN.png"/>
				<h4>我的押金</h4>
				<h5>0元</h5>
			</div>
		</div>
		<div id="biaoqian">
			<h4>充值</h4>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			var chongzhi=document.getElementById('biaoqian');
			chongzhi.addEventListener('tap',function(){
				mui.openWindow({
					url:"chongzhi.html",
					id:"chongzhi.html"
				});
			})
			var shezhi=document.getElementById('shezhi');
			shezhi.addEventListener('tap',function(){
				mui.openWindow({
					url:"shezhi.html",
					id:"shezhi.html"
				});
			})
		</script>
	</body>
</html>